﻿@using Telerik.Web.Mvc
@using Telerik.Web.Mvc.UI
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<html>
<head>
    <meta charset="utf-8" content="" />
    <title>@ViewBag.Title</title>@*css files start *@
    <!--[if lt IE 9]>
	<link rel="stylesheet" href="@Url.Content("~/Content/ie.css")" type="text/css" media="screen" />
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
    <link href="@Url.Content("~/Content/layout.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />
    @*end css files   js files start *@
    <script src="@Url.Content("~/Scripts/jquery-1.8.0.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.23.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-2.5.3.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/hideshow.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.tablesorter.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.equalHeight.js")" type="text/javascript" ></script>
    <script src="@Url.Content("~/Scripts/jquery.blockUI.js")" type="text/javascript" ></script>
    @*end js files*@
    <script type="text/javascript">
        $(document).ready(function () {
            $(".tablesorter").tablesorter();
            $('.column').equalHeight();

            //When page loads...
            $(".tab_content").hide(); //Hide all content
            $("ul.tabs li:first").addClass("active").show(); //Activate first tab
            $(".tab_content:first").show(); //Show first tab content

            //On Click Event
            $("ul.tabs li").click(function () {
                $("ul.tabs li").removeClass("active"); //Remove any "active" class
                $(this).addClass("active"); //Add "active" class to selected tab
                $(".tab_content").hide(); //Hide all tab content
                var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
                $(activeTab).fadeIn(); //Fade in the active ID content
                return false;
            });
        });
        $(document).ajaxStart($.blockUI).ajaxStop($.unblockUI).ajaxComplete($.unblockUI).ajaxError($.unblockUI);
    </script>
    @(Html.Telerik().StyleSheetRegistrar()
    .DefaultGroup(group => group
    .Add("2012.2.607/telerik.default.min.css")
    .Add("2012.2.607/telerik.common.min.css")
    .Add("2012.2.607/telerik.vista.min.css")
    .Add("2012.2.607/telerik.rtl.min.css")
    .Combined(true).Compress(true)))
</head>
<body>
    <header id="header">
		<hgroup>
			<h1 class="site_title"><a href="/home">我的管理</a></h1>
			<h2 class="section_title">概况</h2><div class="btn_view_site"><a href="http://www.ipow.cn">iPow官网</a></div>
		</hgroup>
	</header>
    @Html.Partial("Left")
    <section id="main">
		@RenderBody()	
	</section>
    <div style="display: none">
        @*这话的意思是说，添加要用到控件必要的JS，jQuery(false),表示，不引入jQuery*@
        @(Html.Telerik().ScriptRegistrar().jQuery(false).jQueryValidation(false).DefaultGroup(group => group.Compress(false)))
    </div>
</body>
</html>
